<div class="pf-c-select{{#if select--IsExpanded}} pf-m-expanded{{/if}}{{#if select--modifier}} {{select--modifier}}{{/if}}"
  {{#if select--attribute}}
    {{{select--attribute}}}
  {{/if}}>
  {{!-- hidden spans for a11y --}}
  {{#unless select--HasCustomLabel}}
    {{#if select--IsMultiSelect}}
      <span id="{{id}}-label" hidden>{{#if select-typeahead--Placeholder}} {{select-typeahead--Placeholder}}{{else}}Choose many{{/if}}</span>
    {{else}}
      <span id="{{id}}-label" hidden>{{#if select-typeahead--Placeholder}} {{select-typeahead--Placeholder}}{{else}}Choose one{{/if}}</span>
    {{/if}}
  {{/unless}}

  {{!-- create the toggle and all its components --}}
  {{> select-toggle}}

  {{!-- create the dropdown menu part --}}
  {{#if select--IsTypeahead}}
    {{> select-typeahead}}
  {{else if select--IsCheckboxSelect}}
    {{#if select--HasGroups}}
      {{#if select--IsChecked}}
        {{> select-checkbox-groups-checked}}
      {{else}}
        {{> select-checkbox-groups}}
      {{/if}}
    {{else}}
      {{#if select--IsChecked}}
        {{> select-checkbox-checked}}
      {{else}}
        {{> select-checkbox}}
      {{/if}}
    {{/if}}
  {{else if select--IsDescriptive}}
    {{> select-menu-descriptive}}
  {{else if select--IsFavorites}}
    {{> select-menu-favorites}}
  {{else}}
    {{> select-single}}
  {{/if}}
</div>
